﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Department_Head/HeadMaster.Master"
    AutoEventWireup="true" CodeBehind="Approve.aspx.cs" Inherits="LogicUniversity.Approve" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <style type="text/css">
        #form1
        {
            height: 717px;
        }
        .toppad
        {
            margin-top:5px;
        }
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">
    <form id="form1" runat="server">
    <div class="row-fluid">
        <div class="span3">
            <h4>Stationery Requisitions.</h4>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span3">
            <asp:Label ID="lblMsg" runat="server" Font-Bold="true" ></asp:Label>
        </div>
    </div>
    <div class="row-fluid">
        <div class="span8">
            <asp:GridView ID="RequestsView" CssClass="table table-hover" GridLines="None" runat="server" AutoGenerateColumns="False">
                <Columns>
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:HiddenField Value='<%#Eval("RequestID") %>' ID="reqID" runat="server" />
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:TemplateField HeaderText="Employee ID">
                        <ItemTemplate>
                            <asp:LinkButton CommandArgument='<%#Eval("RequestID") %>' ID="empID" runat="server"
                                Text='<%#Eval("EmployeeID") %>' onclick="empID_Click" 
                                ></asp:LinkButton>
                        </ItemTemplate>
                    </asp:TemplateField>
                    <asp:BoundField DataField="EmployeeName" HeaderText="Employee Name" />
                    <asp:BoundField DataField="RequestedDate" HeaderText="RequestedDate" />
                    <asp:TemplateField>
                        <ItemTemplate>
                            <asp:CheckBox ID="chkChoose" runat="server" />
                        </ItemTemplate>
                    </asp:TemplateField>
                </Columns>
            </asp:GridView>
        </div>
    </div>
    <br />
    <div class="row-fluid">
        <div class="span2 offset5">
            <asp:Button ID="btnApprove" CssClass="btn btn-primary toppad" runat="server" Text="Approve" OnClick="btnApprove_Click" />
        </div>
        <div class="span4 collapse-group">
            <asp:LinkButton CssClass="btn btn-primary toppad" ID="rejectBtn" runat="server">Reject</asp:LinkButton>
            <div style="margin-top:10px;" class="collapse row-fluid">
                <div>
                <asp:TextBox TextMode="MultiLine" placeholder="Enter reason of rejection." ID="txtReject" runat="server" Height="93px" Rows="3" Width="238px" 
                    ></asp:TextBox>
                </div>
                <div>
                <asp:LinkButton CssClass="btn" ID="btnContinue" runat="server" 
                        onclick="btnContinue_Click">Continue</asp:LinkButton>
                </div>
                
                
            </div>
            
        </div>
    </div>
    </form>
    <script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
    
    <script src="../js/bootstrap.js" type="text/javascript"></script>
    <script type="text/javascript">
        $('#content_rejectBtn').on('click', function (e) {
            e.preventDefault();
            var $this = $(this);
            var $collapse = $this.closest('.collapse-group').find('.collapse');
            $collapse.collapse('toggle');
        });
    </script>
</asp:Content>
